:root {
    --head-height: 64px;
    --app-theme: #008080;
}

.head-body-container {
    height: 100vh;
    display: flex;
    width: 100%;
    background-color: #77e3e3;
    flex-direction: column;
}

.head {
    height: var(--head-height);
    background-color: teal;
}

.aside-main-container {
    height: calc(100vh - var(--head-height));
    background-color: blueviolet;
    flex: 1;
    display: flex;
}

.aside {
    background-color: teal;
    width: 200px;
}

.main {
    flex: 1;
    overflow: auto;
    background-color: #fffcfc;
}